<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html ruby</title>
</head>
<body>
    <ruby>
        漢
        <rt> ㄏㄢˋ</rt>
    </ruby>
    <hr>

    <ruby>
        汉语
        <rt> Han Yu</rt>
    </ruby>
    <hr>

    <ruby>
        汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
        字 <rp>(</rp><rt>zi</rt><rp>)</rp>
    </ruby>
</body>
</html>